iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 29
0
Modern Web

CSS Secrets 導讀系列 第 29

Secret 23: 調整 TAB 的寬度

  • 分享至 

  • xImage
  •  

在需要呈現程式碼的網頁,我們會用<pre><code>寫。但是瀏覽器有對程式碼區塊預設的樣式,這時會遇到一個問題,就是預設對於程式碼tab縮排是8個字母,在網頁上真是難看。

感謝CSS Text Level 3, 我們有一個全新的CSS屬性tab-size來控制縮排,它的值就是縮排的字母數目。所以只要設tab-size: 4tab-size: 2就能讓網頁上的程式碼顯示為我們習慣在編輯器裡的編排模式。

甚至也可以設為0,不過你應該不會想這樣做。如果瀏覽器不支援的話,也只會以最原始的8個字母空格顯示,不會破壞其他的畫面。

w3c


上一篇
Secret 22: 斑馬條紋
下一篇
Secret 24: 合字
系列文
CSS Secrets 導讀30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言